<template>
  <div class="topNav">
  <div class="topLeft">
    <svg class="icon" aria-hidden="true">
    <use xlink:href="#icon-liebiao2"></use>
    </svg>
  </div>
    <div class="topContent">
        <span @click="$router.push('/infoUser')">我的</span>
        <span class="active">发现</span>
        <span>云村</span>
        <span>视频</span>
    </div>
    <div class="topRight">
    <svg class="icon" aria-hidden="true" @click="$router.push('/Search')">
    <use xlink:href="#icon-sousuo"></use>
    </svg>
  </div>
  </div>
  </template>
  <style lang="scss">
    .topNav {
        width: 100%;
        height: 1rem;
        display: flex;
        padding: .2rem;
        justify-content: space-between;
        text-align: center;
        .topContent{
          font-size: .36rem ;
          width: 65%;
          display: flex;
          justify-content: space-between;
          .active{
            font-weight: 800;
          }
        }
    }
  </style>